<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>事件操作</title>
</head>
<body>
<!--通过标签中的属性进行操作-->
<button id="btn1" ondblclick="fun1()">你好</button><br>
<button id="btn2" onclick="fun2()">警告</button>

<input onchange="fun1()">
</body>

<script>
function fun1() {
    alert("你好")
}
// 通过Dom属性绑定
document.getElementById("btn2").onclick=function () {
    alert("警告")
}
</script>
</html>